<template>
  <div class="app-container">
    <el-card>
      <campany-table></campany-table>
      <!--      <el-button type="primary" @click="match">add</el-button>-->
      <!--      <el-tabs v-model="activeName" @tab-click="handleClick">-->
      <!--        <el-tab-pane label="企业" name="first">-->
      <!--         -->
      <!--        </el-tab-pane>-->
      <!--        <el-tab-pane label="个人" name="second"> </el-tab-pane>-->
      <!--      </el-tabs>-->

      <!--      <el-button type="primary" @click="match">add</el-button>-->
    </el-card>
  </div>
</template>
<script>
import campanyTable from "./components/campanyTable.vue";
import personTable from "./components/personTable.vue";
import userList from "../../../components/userList/index.vue";
export default {
  name: "index",
  components: {
    campanyTable,
    personTable
  },
  data() {
    return {
      activeName: "first",
      userList: [],
      uids: []
    };
  },
  created() {},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    match() {
      let that = this;
      this.$modalUserList(
        rows => {
          console.log(rows);
          if (rows) {
            that.$set(that, "userList", rows);
            this.$set(
              that,
              "uids",
              rows.map(item => item.adminId)
            );
          }
        },
        "one",
        that.uids,
        "选择客户经理"
      );
    }
  }
};
</script>

<style scoped lang="scss"></style>
